<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>共享车位后台管理</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" th:href="@{/pc/layui/css/layui.css}"  />
	<link rel="stylesheet" th:href="@{/pc/css/public.css}" />
	<script type="text/javascript" th:src="@{/pc/layui/layui.js}"></script>
	<link rel="stylesheet" th:href="@{/pc/css/public.css}"  />
	<script type="text/javascript" th:src="@{/pc/js/jquery.min.js}"></script>


</head>

<style>
	 .layui-card-body {
		display:block;
		padding:15px 15px;
		background-color:#f8f8f8;
		color:#999;
		border-radius:2px;
		transition:all .3s;
		-webkit-transition:all .3s
	}
	.layui-card-body h3 {
		padding-bottom:10px;
		font-size:15px
	}
	.layui-card-body p cite {

		padding-bottom: 10px;
		font-style:normal;
		font-size:30px;
		font-weight:300;
		color:#009688
	}
	.layui-card-body:hover {
		background-color:#CFCFCF;
		color:#888
	}



</style>
<body class="childrenBody">
<input id="account" type="hidden" th:value="${session.currentUser.lAccount}">


	<div class="layui-row layui-col-space10 panel_box">

		<div class="panel layui-col-xs10 layui-col-sm6 layui-col-md4 layui-col-lg2">
				<div class="panel_icon layui-bg-blue">
					<i class="layui-anim seraph icon-icon10" data-icon="icon-icon10"></i>
				</div>
				<div class="panel_word userAll">
					<span >注册总数</span>
					<span id="userCount"></span>
				</div>

		</div>

		<div class="panel layui-col-xs10 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<div class="panel_icon layui-bg-green">
				<i class="layui-anim seraph layui-icon" >&#xe770;</i>
			</div>
			<div class="panel_word userAll">

				<span >在线后台</span>
				<span id="onlineCount"></span>
			</div>

		</div>

		<div class="panel layui-col-xs10 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<div class="panel_icon layui-bg-red">
				<i class="layui-anim seraph layui-icon" >&#xe65e;</i>
			</div>
			<div class="panel_word userAll">

				<span >累计分成</span>
				<span id="money">000</span>
			</div>

		</div>

	</div>

	<div class="layui-row layui-col-space10">
		<div class="layui-col-lg6 layui-col-md6">
			<blockquote class="layui-elem-quote title">数据统计</blockquote>

			<div class="layui-col-sm12 layui-col-md8 ">
				<div class="layui-card">
					<div class="layui-card-header">用户组成</div>
					<div class="layui-card-body" style="min-height: 355px;">
						<div id="dataCount" class="layui-col-sm12 " style="height: 370px;"></div>

					</div>
				</div>
			</div>

			<div class="layui-col-sm12 layui-col-md4  ">


				<div class="layui-card-header">事项统计</div>


				<div class="layui-col-md12 layui-col-space20">
					<div class="layui-card">
						<div class="layui-card-body">
							<h3>总车位数</h3>
							<p>
								<cite id="parkTotal">10</cite></p>
						</div>
					</div>
				</div>



				<div class="layui-col-md12 layui-col-space20">
					<div class="layui-card">
						<div class="layui-card-body">
							<h3>待审核车位</h3>
							<p>
								<cite id="unCheckParkCount">10</cite></p>
						</div>
					</div>
				</div>


				<div class="layui-col-md12 layui-col-space20">
					<div class="layui-card">
						<div class="layui-card-body">
							<h3>未租车位</h3>
							<p>
								<cite id="unBusyParkCount">10</cite></p>
						</div>
					</div>
				</div>

				<div class="layui-col-md12 layui-col-space20">
					<div class="layui-card">
						<div class="layui-card-body">
							<h3>已出租车位</h3>
							<p>
								<cite id="busyParkCount">10</cite></p>
						</div>
					</div>
				</div>




			</div>


		</div>

		<div class="layui-col-lg6 layui-col-md6">

			<div id="score" style="width: 600px;height:400px;"></div>
		</div>






	</div>


</body>
<script type="text/javascript" th:src="@{/pc/js/echarts.min.js}"></script>

<script type="text/javascript" th:src="@{/pc/js/main.js}"></script>

</html>